﻿<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/web/thymeleaf/layout" layout:decorate="~{theme/vCard/layout}">

<head></head>
<body>
  <div layout:fragment="content">
	  <div class="box box-content">
		  <div class="pb-2">
			  <h1 class="title title--h1 first-title title__separate">归档([[${pageInfo.total}]])</h1>
		  </div>

		  <!-- Experience -->
		  <div class="row">
			  <div class="col-12">
				  <div class="timeline">
					  <div th:if="${pageInfo.total > 0}">
						  <!-- Item -->
						  <article class="timeline__item" th:each="map,iterStat : ${pageInfo.data}">
							  <h5 class="title title--h5 timeline__title">[[${map.key}]]</h5>
							  <div th:each="vo,iterStat2 : ${map.value}">
								  <div class="timeline__description">
									  <span class="timeline__period">[[${vo.month} + '-' + ${vo.day}]]</span>&nbsp;&nbsp;
									  <a th:href="@{'/'+${vo.link}}"><strong>[[${vo.title}]]</strong></a>
								  </div>
							  </div>
						  </article>

						  <!-- Item -->
						  <article class="timeline__item"></article>
					  </div>
					  <div class='archive-title' th:if="${pageInfo.total == 0}">
						  <div style="text-align:center;">
							  ~~暂无数据~~
						  </div>
					  </div>
				  </div>

				  <br>
				  <nav class="text-center" th:if="${#maps.isEmpty(pageInfo.data) eq false}">
						<span th:if="${pageInfo.hasPreviousPage}" class="page">
							<a class="prev page-numbers" th:href="@{${pageInfo.pageNum-1} == 1 ? '/archives/' : '/archives/page/' + ${pageInfo.pageNum-1}+'/'}" ><i class="fa fa-angle-left"></i></a>
						</span>
					    <span th:each="pageNum : ${pageInfo.navigatepageNums}" class="page">
							<a th:if="${pageNum == pageInfo.pageNum}" href="javascript:void(0)" th:text="${pageNum}" class="page-numbers current"></a>
							<a th:if="${pageNum != pageInfo.pageNum}" th:href="@{${pageNum} == 1 ? '/archives/' : '/archives/page/' + ${pageNum}+'/'}" th:text="${pageNum}" class="page-numbers hidden-xs"></a>
						</span>
					    <span th:if="${pageInfo.hasNextPage}" class="page">
							<a class="next page-numbers" th:href="@{'/archives/page/' + ${pageInfo.pageNum+1}+'/'}" ><i class="fa fa-angle-right"></i></a>
                		</span>
				  </nav>
			  </div>
		  </div>

	  </div>
  </div>
</body>
</html>